/*Fluid Nav*/
.navbar-style1{
	border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36424d+0,000000+100&0.6+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(54,66,77,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(54,66,77,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(54,66,77,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9936424d', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	@include transition;
	.container-fluid{
		padding: 40px 80px 0;
		@include transition;
        @media (max-width: 1280px){
            width: 1170px;
            padding: 40px 15px 0;
        }
        @media (max-width: 1199px){
            width: 100%;
        }
        @media (max-width: 991px){
            padding-top: 10px;
        }
	}
	.navbar-header{
		.navbar-brand{
			display: block;
			padding: 10px 15px;
		}
        .navbar-toggle{
            z-index: 2;
            border-radius: 0;
            &[aria-expanded="false"]{
                border: none;
                background: none;
                .icon-bar{
                    background: #fff;
                }
            }
            &[aria-expanded="true"]{
                border: none;
                background: none;
                .icon-bar{
                    background: $pblue;
                }
            }
        }
	}
	#main-nav{
        @media (max-width: 991px){
            background: $dark;
        }
	}
	.navbar-nav{
		&.cart-nav{
			margin-left: 10px;
            @media (max-width: 991px){
                display: none;
            }
			li{
				a{
					img{
						margin-right: 10px;
					}
					&:hover,&:focus{
						color: #fff;
					}
				}
			}
		}
		&>li{
			&>a{
				font: 15px/3.33 $font2;
				color: #fff;
				padding: 0 15px;
				&:hover,&:focus{
					background: none;
					color: $primary;
				}
			}
			&.dropdown{
				&>a{
					&:after{
						content: '\f107';
						font-family: "FontAwesome";
						margin-left: 10px;
					}
				}
				&.open,&:hover,&:focus{
					&>a{
						background: none;
						color: $primary;
					}
					.dropdown-menu{
						right: 0;
						z-index: 9999;
						opacity: 1;
						visibility: visible;
						min-width: 200px;
					}
				}
                &.open{
                    .dropdown-menu{                        
                        @media (max-width: 991px){
                            display: block;
                            background: #fff;
                            border-radius: 0;
                        }
                    }
                }
			}
			&.active {
				&>a{
					color: #48535c;
                    background-color: #fff;
				}
			}
			.dropdown-menu{
				min-width: 150px;
				padding: 10px;
				border: none;
				right: 100px;
				display: block;
				visibility: hidden;
				opacity: 0;
				z-index: -100;
				@include transition;
                @media (max-width: 991px){
                    position: relative;
                    width: 100%;
                    display: none;
                }
				li{
					a{
						padding: 0 20px;
						line-height: 40px;
						&:hover,&:focus{
							background: none;
							color: $blue;
						}
					}
					& + li{
						border-top: 1px solid #f6f6f6;
					}
				}
			}
		}
	}
	
	&.affix{
		background: $dark;
		.container-fluid{
			padding-top: 0;
		}
	}
}

/*Nav 3*/
.navbar-style2{
    margin: 0;
}

.lang-currency{
    float: right;
    .form-control{
        float: left;
        width: auto;
    }
    li{
        padding: 0 15px;
        float: left;
        background: #2f6375;
        & + li{
            margin-left: 1px;
        }
    }
    
    .bfh-selectbox .bfh-selectbox-toggle{
        padding: 0;
        border: none;
        background: none;
        display: block;
        float: none;
        i{
            margin-right: 5px;
        }
        .bfh-selectbox-option{
            line-height: 50px;
            float: left;
            width: auto;
            height: 50px;
            font-family: $font2;
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
        }
        .selectbox-caret{
            border-width: 6px 6px 0;
            border-top-color: rgba(255,255,255, 0.7);
            margin: 22px 0 0 15px;
        }
        &:hover,&:focus{
            background: none;
            box-shadow: none;
        }
    }
    
    .bfh-selectbox-options{        
        border: none;
        padding: 0;
        background: none;
        ul{
            margin: 0;
            li{
                padding: 0;
                display: block;
                width: 100%;
                & + li{
                    margin: 0;
                }
                a{
                    padding: 3px 15px;
                    &:hover,&:focus{
                        background: #fff;
                    }
                }
            }
        }
    }
}

/*Nav Style 5*/
.navbar-style5{
    margin: 0;
}

.ns5-top-bar{
    margin: 0;
    padding: 35px 0 32px;
    .logo-box{
        float: left;
    }
    
    .ns2-socials{
        float: right;
        margin: 0;
        @media (max-width: 479px){
            display: none;
        }
        li{
            float: left;
            a{
                line-height: 30px;
                font-size: 17px;
                color: #424e5b;
                &:hover,&:focus{
                    color: $pblue;
                }
            }
        }
    }
    
    .contact-no{
        float: right;
        line-height: 30px;
        font-family: $font4;
        font-weight: 500;
        margin-right: 48px;
        font-size: 25px;
        @media (max-width: 1199px){
            margin-right: 30px;
            font-size: 20px;
        }
        @media (max-width: 991px){
            display: none;
        }
        a{
            color: $pblue;
            &:hover,&:focus{
                color: #424e5b;
            }
        }
        img{
            margin-right: 10px;
        }
    }
}

.nav-logo{
    display: block;
}

.mail-n-auth{
    line-height: 30px;
    font-family: $font4;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    @media (max-width: 767px){
        float: right;
    }
    li{
        margin-left: 80px;
        float: left;
        @media (max-width: 1199px){
            margin-left: 50px;
        }
        @media (max-width: 767px){
            &:first-of-type{
                display: none;
            }
        }
        & + li{
            margin-left: 45px;
            @media (max-width: 1199px){
                margin-left: 20px;
            }
            @media (max-width: 479px){
                margin-left: 0;
            }
            & + li{
                margin-left: 35px;
                @media (max-width: 1199px){
                    margin-left: 20px;
                }
                @media (max-width: 479px){
                    margin-left: 10px;
                }
            }
        }
        a{
            color: #424e5b;
            padding: 0;
            &:hover,&:focus{
                background: none;
                color: $pblue;
            }
        }
    }
}

.ns5-style{
    background: #2d3640;
    border: none;
    &:before,&:after{
        display: none;
    }
    
    .navbar-header{
        
        .navbar-toggle{
            z-index: 2;
            border-radius: 0;
            margin: 9px auto;
            float: none;
            @media (max-width: 991px){                
                display: table;
            }
            &[aria-expanded="false"]{
                border: none;
                background: none;
                .icon-bar{
                    background: #fff;
                }
            }
            &[aria-expanded="true"]{
                border: none;
                background: none;
                .icon-bar{
                    background: $pblue;
                }
            }
        }
    }
    
    .navbar-nav{
        margin-left: 0;
        & > li{
            padding: 0 25px;
            @media (max-width: 1199px){
                padding: 0 20px;
            }
            @media (max-width: 991px){
                padding: 0;
            }
            &:first-child{
                padding-left: 0;
            }
            &:last-child{
                padding-right: 0;
            }
            &>a{
                line-height: 58px;
                padding: 0 4px;
                font: 500 14px/58px $font4;
                color: #7c8692;
                position: relative;
                &:after{
                    content: '';
                    display: block;
                    height: 2px;
                    position: absolute;
                    background: #bec4cc;
                    left: 50%;
                    right: 50%;
                    bottom: 17px;
                    @include transition;
                    @media (max-width: 991px){
                        display: none;
                    }
                }
                &:hover,&:focus{
                    color: #bec4cc;
                    &:after{
                        left: 0;
                        right: 0;
                    }
                }
            }
            &.dropdown{
                &>a{
                    &:after{
                        content: '';
                        margin: 0;
                    }
                    &:hover,&:focus{
                        color: #bec4cc;
                    }
                }
            }
            &.active{
                &>a{
                    color: #bec4cc;
                    &:after{
                        left: 0;
                        right: 0;
                    }
                }
            }
        }
    }
    
    .cart-link{
        li{
            a{
                background: #3f4851;
                position: relative;
                text-align: center;
                line-height: 59px;
                img{
                    margin: 0;
                }
                .badge{
                    background: #fff;
                    position: absolute;
                    font-family: $font4;
                    font-size: 8px;
                    color: #687380;                    
                    font-weight: 600;
                    padding: 6px 3px 4px;
                    line-height: 5px;
                    bottom: 15px;
                    left: 52%;
                }
                &:after{
                    display: none;
                }
                &:hover,&:focus{
                    background: $dark;
                }
            }
        }
    }
    
    .ns4-auth-nav{
        @media (max-width: 991px){
            display: none;
        }
        li{
            a{
                img{
                    width: 14px;
                    margin-right: 10px;
                }
            }
        }
    }
}